﻿<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title></title>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/showResults.2.0.6.js" type="text/javascript"></script>
<script src="scripts/jquery.history.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$.ajax({
		type: "POST",
		url: "temp/data.php",
		data:{start:0},
		dataType:'json',
		success: function(data){
			data=data['data'];
			$("#listW").showResults(data, {
				limit: 5,
				pages: 10,
				callback: callback,
				resultTarget: '#list',
				pagesTarget: '.pagination',
				bgColors: ['trCell1','trCell2'],
				arrows: ['<span class="ui-icon ui-icon-triangle-1-n"></span>','<span class="ui-icon ui-icon-triangle-1-s"></span>']
			});
		}
	});
});

function callback() {
	/*$("#searchResults > tr").click(function() {
		$(this).find("td").toggleClass("background");
	});*/
}

</script>
</head>

<body>
<div id="listW">
	<div style='display: none;'>
		<ul class="showResults template">
				<li>%id% %issue% %desc%</li>
		</ul>
	</div>
	<ul>
		<li>
			<a href="#sort-id" class="sort">ID</a>
			<a href="#sort-issue" class="sort">ISSUE</a>
			<a href="#sort-desc" class="sort">DESC</a>
		</li>						
	</ul>
	<ul id="list">
	</ul>
	<div class="pagination"></div>
</div>
</body>

</html>